<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>海丝院</title>

    <!--<link href="./js/font-awesome.min.css" rel="stylesheet">-->
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    
    <!-- 引入Jquery -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

    <!-- 引入Bootstrap -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <script src="assets/libs/js/jquery.slimscroll.min.js"></script>
    <style>
        li { list-style: none }
        a { text-decoration: none; }
         /*navMenu */
        background: #1c2229;
        .navMenubox { width: 100%; height: 100%;  margin: 0px;  }
        .navMenu-top { padding: 10px; color: #000; }
        .navMenu> li { display: block; margin: 0; padding: 0; border: 0px; }
        .navMenu>li>a { display: block; overflow: hidden; padding-left: 0px; line-height: 25px; color: #0099CC; transition: all .3s; position: relative; text-decoration: none; font-size: 17px;  }
        /*.navMenu > li:nth-of-type(1)> a { border-top: 1px solid transparent; }*/
        /*.navMenu > li:last-child > a { border-bottom: 1px solid transparent; }*/
        .navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
        .navMenu li a .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 15px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; text-shadow: none; }
        .navMenu li a .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; }
        /*.navMenu>li>a.active, .navMenu>li>a:hover { color: #FFF; background: #12181b; }*/
        .navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; margin: 8px 0px 0px 10px; padding-bottom: 5px; }
        .navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
        .navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
        /*color: #ABB1B7;*/
        .navMenu>li>ul.sub-menu li>a { display: block; font-size: 16px; line-height: 25px; padding-left: 20px;  clear: both; }
        html,body{
            padding:0px;
            margin:0px;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .container-fluid{
            margin:0px;
            padding: 0px;
            min-width: 1244px;
            min-height: 768px;
            width: 100%;
            height: 100%;
        }
        .header{
            background-image: url("assets/img/dataLOGO.jpg");

        }
        .left{
            background-image: url("assets/img/QQ图片20180328084125.jpg");
            background-size: cover;
        }
        .container-head{
            background-image: url("assets/img/QQ图片20180328084115.png");
            background-size: cover;
        }
        .left ul li a:hover{
            background-color: #94B4DB;
            color: white;
        }
        .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
            background-color: #94B4DB;
            color: white;
        }
        ul li span{
            margin-left: 20px;
        }
        .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
            background-color: #000;
            color: #fff;
        }
        .active {
            background-color: #000;
        }
        /*.fa-line-chart{*/
            /*margin-left: 100px;*/
        /*}*/
    </style>
    <script type="text/javascript">
        /*
        * <ul class="navMenu nav nav-pills nav-stacked">
             <li> <a href="javascript:;" class="afinve">  <span class="">主页</span> </a>
                 <ul class="sub-menu nav nav-pills nav-stacked">
                     <li><a href="javascript:;"><span>用户管理</span></a></li>
                     <li><a href="javascript:;"><span>角色管理</span></a></li>
                     <li><a href="javascript:;"><span>权限管理</span></a></li>
                     <li><a href="javascript:;"><span>我的任务</span></a></li>
                     <li > <a href="javascript:;" class="afinve"><span>个人信息</span></a>
                         <ul class="sub-menu nav nav-pills nav-stacked">
                             <li><a href="javascript:;" ><span>我的个人资料</span></a></li>
                             <li><a href="javascript:;"><span>我的日历</span></a></li>
                             <li><a href="javascript:;"><span>我的收件箱</span></a></li>
                             <li><a href="javascript:;"><span>我的任务</span></a></li>
                         </ul>
                     </li>
                 </ul>
             </li>
         </ul>
         */

         function setTree() {
            var remoteData = {"人口":[{"content":"人口出生率和死亡率","href":"hsy/population/birth_rate_death_rate.html","id":147,"parent":"人口","refTable":"t_population_birth_rate_death_rate"},{"content":"人口年龄构成和抚养比","href":"hsy/population/composition_dependency_ratio.html","id":148,"parent":"人口","refTable":"t_population_composition_dependency_ratio"},{"content":"人口密度和城镇人口","href":"hsy/population/density.html","id":149,"parent":"人口","refTable":"t_population_density"},{"content":"女性人口比重","href":"hsy/population/female_percent.html","id":150,"parent":"人口","refTable":"t_population_female_percent"},{"content":"婴儿死亡率","href":"hsy/population/infant_mortality_rate.html","id":151,"parent":"人口","refTable":"t_population_infant_mortality_rate"},{"content":"出生时预期寿命","href":"hsy/population/life_expectancy_at_birth.html","id":152,"parent":"人口","refTable":"t_population_life_expectancy_at_birth"},{"content":"年中人口","href":"hsy/population/mid_year_poplation.html","id":153,"parent":"人口","refTable":"t_population_mid_year_poplation"},{"content":"生殖健康","href":"hsy/population/reproductive_health.html","id":154,"parent":"人口","refTable":"t_population_reproductive_health"},{"content":"农村人口和城市人口比重","href":"hsy/population/rural_and_urban_rate.html","id":155,"parent":"人口","refTable":"t_population_rural_and_urban_rate"}],"能源":[{"content":"核能及其他清洁能源消费占能源总消费比重","href":"hsy/energy/alternative_nuclear_percentage.html","id":134,"parent":"能源","refTable":"t_energy_alternative_nuclear_percentage"},{"content":"能源平衡表","href":"hsy/energy/balance_sheet.html","id":135,"parent":"能源","refTable":"t_energy_balance_sheet"},{"content":"易燃的可在生能源及废弃物消费占能源总消费比重","href":"hsy/energy/combustible_renewals_and_waste_percentage.html","id":136,"parent":"能源","refTable":"t_energy_combustible_renewals_and_waste_percentage"},{"content":"发电量","href":"hsy/energy/electricity_generation.html","id":137,"parent":"能源","refTable":"t_energy_electricity_generation"},{"content":"万美元国内生产总值能耗","href":"hsy/energy/energy_use_of_GDP.html","id":138,"parent":"能源","refTable":"t_energy_energy_use_of_GDP"},{"content":"能源净进口占能源消耗比重","href":"hsy/energy/net_energy_imports_as_percentage_of_energy_use.html","id":139,"parent":"能源","refTable":"t_energy_net_energy_imports_as_percentage_of_energy_use"}],"综合":[{"content":"国土面积","href":"hsy/overall/country_area.html","id":144,"parent":"综合","refTable":"t_overall_country_area"},{"content":"淡水资源","href":"hsy/overall/freshwater.html","id":145,"parent":"综合","refTable":"t_overall_freshwater"},{"content":"土地利用","href":"hsy/overall/land_utilization.html","id":146,"parent":"综合","refTable":"t_overall_land_utilization"}],"居民收支和贫困":[{"content":"居民消费支出","href":"hsy/poverty/consumer_spending_replace.html","id":87,"parent":"居民收支和贫困","refTable":"t_poverty_household_consumption_expenditure"},{"content":"国内贫困率","href":"hsy/poverty/domestic_poverty_rate_replace.html","id":88,"parent":"居民收支和贫困","refTable":"t_poverty_poverty_rate"},{"content":"人均居民最终消费支出","href":"hsy/poverty/household_final_consumption_expenditure_per_capita_replace.html","id":89,"parent":"居民收支和贫困","refTable":""},{"content":"国际贫困率","href":"hsy/poverty/international_poverty_atio_replace.html","id":90,"parent":"居民收支和贫困","refTable":"t_poverty_international_poverty_ratio"},{"content":"居民收入分配","href":"hsy/poverty/personal_income_distribution_replace.html","id":91,"parent":"居民收支和贫困","refTable":"t_poverty_personal_income"},{"content":"贫困人口社会指标","href":"hsy/poverty/social_Indicators_of_overty_replace.html","id":92,"parent":"居民收支和贫困","refTable":"t_poverty_social_indicators_of_poverty"}],"就业人口和劳动报酬":[{"content":"按产业类型划分的就业构成","href":"hsy/employment/composition_employment.html","id":124,"parent":"就业人口和劳动报酬","refTable":"t_employment_composition_employment"},{"content":"失业人口教育程度构成","href":"hsy/employment/educational_unemployment.html","id":125,"parent":"就业人口和劳动报酬","refTable":"t_employment_educational_unemployment"},{"content":"劳动力人口教育程度构成","href":"hsy/employment/educational.html","id":126,"parent":"就业人口和劳动报酬","refTable":"t_employment_educational"},{"content":"每个就业者创造的国内生产总值","href":"hsy/employment/employment_gdp.html","id":127,"parent":"就业人口和劳动报酬","refTable":"t_employment_gdp"},{"content":"就业人数","href":"hsy/employment/employment.html","id":128,"parent":"就业人口和劳动报酬","refTable":"t_employment_employment"},{"content":"劳动参与率","href":"hsy/employment/labor_force_participation_rate.html","id":129,"parent":"就业人口和劳动报酬","refTable":"t_employment_labor_force_participation_rate"},{"content":"劳动力人口","href":"hsy/employment/labor_force.html","id":130,"parent":"就业人口和劳动报酬","refTable":"t_employment_labor_force"},{"content":"失业率","href":"hsy/employment/unemployment_rate.html","id":131,"parent":"就业人口和劳动报酬","refTable":"t_employment_unemployment_rate"},{"content":"失业人数","href":"hsy/employment/unemployment.html","id":132,"parent":"就业人口和劳动报酬","refTable":"t_employment_unemployment"},{"content":"每周实际平均工资","href":"hsy/employment/wages.html","id":133,"parent":"就业人口和劳动报酬","refTable":"t_employment_wages"}],"财政和金融":[{"content":"年平均存款利率和贷款利率","href":"hsy/finance/annual_average_deposit_rate_and_lending_rate_replace.html","id":68,"parent":"财政和金融","refTable":"t_finance_deposit_rate_and_lending_rate"},{"content":"银行资本充足率","href":"hsy/finance/bank_capital_to_assets_ratio_replace.html","id":69,"parent":"财政和金融","refTable":"t_finance_bank_capital"},{"content":"中央政府公共债务占GDP比重","href":"hsy/finance/central_government_debt_as_percentage_of_gdp_replace.html","id":70,"parent":"财政和金融","refTable":"t_finance_debt"},{"content":"金融部门国内信贷占国内生产总值比重","href":"hsy/finance/domestic_credit_provided_by_financial_sector_replace.html","id":71,"parent":"财政和金融","refTable":"t_finance_domestic_credit"},{"content":"标准普尔全球股票指数 (年变化率)","href":"hsy/finance/global_equity_indices_replace.html","id":72,"parent":"财政和金融","refTable":"t_finance_global_equity_indices"},{"content":"商品和服务税占财政收入比重","href":"hsy/finance/goods_and _services_tax_as_ percentage_of_revenue_replace.html","id":73,"parent":"财政和金融","refTable":"t_finance_tax_as_percentage_of_evenue"},{"content":"广义货币增长率","href":"hsy/finance/growth_rate_of_money_and_quasi_money_replace.html","id":74,"parent":"财政和金融","refTable":"t_finance_growth_rate_of_money"},{"content":"上市公司数和上市公司总值占国内生产总值比重","href":"hsy/finance/listed_domestic_companies_and_market_capitalization_of_listed_companies_as_percentage_of_GDP_replace.html","id":75,"parent":"财政和金融","refTable":"t_finance_listed_domestic_companies"},{"content":"广义货币占国内生产总值比重","href":"hsy/finance/money_and_quasi_money_as_ercentage_of_gdp_replace.html","id":76,"parent":"财政和金融","refTable":"t_finance_quasi_money"},{"content":"社会缴款占财政收入比重","href":"hsy/finance/social_contributions_as_percentage_of_revenue_replace.html","id":77,"parent":"财政和金融","refTable":"t_finance_social_contributions"},{"content":"股票交易额占国内生产总值比重及股票周转率","href":"hsy/finance/stocks_traded_value_as_percentage_of_gdp_and_turnover_ratio_of_stocks_traded_replace.html","id":78,"parent":"财政和金融","refTable":"t_finance_stocks_traded_value"},{"content":"中央政府财政盈余占GDP比重","href":"hsy/finance/surplus_of_central_government_revenue_as_percentage_of_GDP_replace.html","id":79,"parent":"财政和金融","refTable":"t_finance_surplus"},{"content":"银行不良贷款站全部贷款比重","href":"hsy/finance/the_total_loan_proportion_of_non-performing_loans_in_Banks_replace.html","id":80,"parent":"财政和金融","refTable":"t_finance_bank_non_performing_loans"}],"国际收支和外债":[{"content":"外债及其构成","href":"hsy/payment/external_debts_by_type_replace.html","id":85,"parent":"国际收支和外债","refTable":"t_payment_external"},{"content":"外商直接投资","href":"hsy/payment/foreign_direct_investment_replace.html","id":86,"parent":"国际收支和外债","refTable":"t_payment_foreign"}],"教育、科技、文化和卫生":[{"content":"15岁及以上成人识字率","href":"hsy/culture/adult_literacy_rate_replace.html","id":58,"parent":"教育、科技、文化和卫生","refTable":"t_culture_adult_literacy_rate"},{"content":"每个学生教育支出占人均国民生产总值比重","href":"hsy/culture/expenditure_per_student_as_percentage_of_gdp_per_capita_replace.html","id":59,"parent":"教育、科技、文化和卫生","refTable":"t_culture_expenditure_student_gdp_rate"},{"content":"医疗支出占国内生产总值比重及人均医疗支出","href":"hsy/culture/health_expenditure_total_as_percentage_of_gdp_and_health_expenditure_per_capital_replace.html","id":60,"parent":"教育、科技、文化和卫生","refTable":"t_culture_health_total_rate"},{"content":"高技术产品出口额占制成品出口额比重","href":"hsy/culture/hightechnology_exports_as_percentage_of_manufactured_exports_replace.html","id":61,"parent":"教育、科技、文化和卫生","refTable":"t_culture_hightechnology_rate"},{"content":"专利申请数量","href":"hsy/culture/patent_applications_replace.html","id":62,"parent":"教育、科技、文化和卫生","refTable":"t_culture_patent_applications"},{"content":"每千人口医生数和病床数","href":"hsy/culture/physician_and_hospital_bed_per_1000_persons_replace.html","id":63,"parent":"教育、科技、文化和卫生","refTable":"t_culture_hospital"},{"content":"研究与开发经费支出和公共教育经费支出占国内生产总值比重","href":"hsy/culture/research_and_development_expenditure_and_public_education_expenditure_as_a_proportion_of_gdp_replace.html","id":64,"parent":"教育、科技、文化和卫生","refTable":"t_culture_reserch_spending_rate"},{"content":"每百万人中研究人员和技术人员","href":"hsy/culture/researchers_and_technicians_in_R&D_replace.html","id":65,"parent":"教育、科技、文化和卫生","refTable":"t_culture_researchers_and_technicians"},{"content":"入学率","href":"hsy/culture/school_enrollment_ratio_replace.html","id":66,"parent":"教育、科技、文化和卫生","refTable":"t_culture_school_enrollment_ratio"},{"content":"享有卫生设施和清洁饮用水源人口占总人口比重","href":"hsy/culture/the_proportion_of_health_facilities_and_cl_an_drinking_water_sources_accounts_for_the_proportion_of_the_total_population_replace.html","id":67,"parent":"教育、科技、文化和卫生","refTable":"t_culture_water_people_rate"}],"投资环境":[{"content":"企业开业成本","href":"hsy/investment/cost_of_business.html","id":140,"parent":"投资环境","refTable":"t_investment_cost_of_business"},{"content":"新注册企业密度","href":"hsy/investment/density_of_business.html","id":141,"parent":"投资环境","refTable":"t_investment_density_of_business"},{"content":"企业经营环境排名","href":"hsy/investment/rank_of_business.html","id":142,"parent":"投资环境","refTable":"t_investment_rank_of_business"},{"content":"新注册企业数","href":"hsy/investment/registered_of_business.html","id":143,"parent":"投资环境","refTable":"t_investment_registered_of_business"}],"价格指数":[{"content":"消费者价格指数","href":"hsy/price/consumer_price_indices_replace.html","id":93,"parent":"价格指数","refTable":"t_price_consumer"},{"content":"生产者价格指数","href":"hsy/price/producer_price_indices_replace.html","id":94,"parent":"价格指数","refTable":"t_price_producer"}],"对外贸易和旅游":[{"content":"货币汇率","href":"hsy/trade/exchange_rate_replace.html","id":95,"parent":"对外贸易和旅游","refTable":""},{"content":"出口和进口单位价值指数","href":"hsy/trade/export_and_import_unit_value_index_replace.html","id":96,"parent":"对外贸易和旅游","refTable":""},{"content":"货物和服务进出口占国内生产总值比重","href":"hsy/trade/exports_and_imports_of_goods_and_services_as_percentage_of_GDP.html","id":97,"parent":"对外贸易和旅游","refTable":"t_trade_goods_and_services"},{"content":"出口货物构成","href":"hsy/trade/exports_by_commodity_groups_replace.html","id":98,"parent":"对外贸易和旅游","refTable":"t_trade_exports_by_commodity_groups"},{"content":"进口货物构成","href":"hsy/trade/imports_by_commodity_groups_replace.html","id":99,"parent":"对外贸易和旅游","refTable":"t_trade_imports_by_commodity_groups"},{"content":"货物出口总额","href":"hsy/trade/merchandise_export_replace.html","id":100,"parent":"对外贸易和旅游","refTable":"t_trade_merchandise_exports"},{"content":"货物进口总额","href":"hsy/trade/merchandise_import_replace.html","id":101,"parent":"对外贸易和旅游","refTable":"t_trade_merchandise_imports"},{"content":"货物进出口总额","href":"hsy/trade/merchandise_imports_and_exports_replace.html","id":102,"parent":"对外贸易和旅游","refTable":"t_trade_merchandise_imports_and_exports"},{"content":"服务贸易进口总额","href":"hsy/trade/total_import_of_trade_in_services.html","id":103,"parent":"对外贸易和旅游","refTable":"t_trade_commercial_service_import"}],"国民经济核算":[{"content":"最终消费支出","href":"hsy/economics/final_consumption.html","id":112,"parent":"国民经济核算","refTable":"t_economics_final_consumption"},{"content":"国内生产总值","href":"hsy/economics/gdp.html","id":113,"parent":"国民经济核算","refTable":"t_economics_gdp"},{"content":"人均国内生产总值","href":"hsy/economics/gdppc.html","id":114,"parent":"国民经济核算","refTable":"t_economics_gdppc"},{"content":"人均国民总收入","href":"hsy/economics/gnipc.html","id":115,"parent":"国民经济核算","refTable":"t_economics_gnipc"},{"content":"国内生产总值增长率","href":"hsy/economics/growth_rate_gdp.html","id":116,"parent":"国民经济核算","refTable":"t_economics_growth_rate_gdp"},{"content":"人均国内生产总值增长率","href":"hsy/economics/growth_rate_gdppc.html","id":117,"parent":"国民经济核算","refTable":"t_economics_growth_rate_gdppc"},{"content":"按购买力平价法计算的国民经济核算主要指标","href":"hsy/economics/indicators_of_na.html","id":118,"parent":"国民经济核算","refTable":"t_economics_indicators_of_na"},{"content":"农业增加值占国内生产总值比重","href":"hsy/economics/percentage_of_agriculture.html","id":119,"parent":"国民经济核算","refTable":"t_economics_percentage_of_agriculture"},{"content":"工业增加值占国内生产总值比重","href":"hsy/economics/percentage_of_indices.html","id":120,"parent":"国民经济核算","refTable":"t_economics_percentage_of_indices"},{"content":"服务业增加值占国内生产总值比重","href":"hsy/economics/percentage_of_service.html","id":121,"parent":"国民经济核算","refTable":"t_economics_percentage_of_service"},{"content":"居民消费率","href":"hsy/economics/rate_of_consumption.html","id":122,"parent":"国民经济核算","refTable":"t_economics_rate_of_consumption"},{"content":"资本形成率","href":"hsy/economics/rate_of_formation.html","id":123,"parent":"国民经济核算","refTable":"t_economics_rate_of_formation"}],"运输和通讯":[{"content":"港口集装箱吞吐量","href":"hsy/traffic/container_port_traffic_replace.html","id":104,"parent":"运输和通讯","refTable":"t_traffic_container"},{"content":"空运货物周转量和客运量","href":"hsy/traffic/freight_and_passengers_carried_by_air_replace.html","id":105,"parent":"运输和通讯","refTable":"t_traffic_air_freight"},{"content":"互联网服务商","href":"hsy/traffic/internet_servers_replace.html","id":106,"parent":"运输和通讯","refTable":"t_traffic_internet_servers"},{"content":"国际互联网用户","href":"hsy/traffic/internet_users_replace.html","id":107,"parent":"运输和通讯","refTable":"t_traffic_internet_users"},{"content":"电话主线普及率和移动电话普及率","href":"hsy/traffic/telephone_mainlines_and_mobile_phones_replace.html","id":108,"parent":"运输和通讯","refTable":"t_traffic_phone"},{"content":"铁路运输","href":"hsy/traffic/the_railway_transport_replace.html","id":109,"parent":"运输和通讯","refTable":"t_traffic_rail_lines"}],"工业和建筑业":[{"content":"工业生产指数","href":"hsy/industry/indices_of_industrial_production_replace.html","id":81,"parent":"工业和建筑业","refTable":"t_industry_indices_of_industrial"},{"content":"采矿业生产指数","href":"hsy/industry/indices_of_mining_production_replace.html","id":82,"parent":"工业和建筑业","refTable":"t_industry_indices_of_mining"},{"content":"制造业生产指数","href":"hsy/industry/manufacturing_production_index_replace.html","id":83,"parent":"工业和建筑业","refTable":"t_industry_indices_of_manufacturing"},{"content":"制造业主要指标","href":"hsy/industry/the_main_indicators_of_manufacturing_industry_replace.html","id":84,"parent":"工业和建筑业","refTable":""}]}

            var data = [];

            for (key in remoteData) {

                var obj = function(){};

                var Obj = new obj();

                Obj.href = 'javascript:;';

                Obj.name = key;

                // console.log(Obj);
                // console.log(remoteData[key]);
                if (remoteData[key].length == 0) {
                    Obj.son = [];
                } else {
                    var array = [];

                    for (var i = remoteData[key].length - 1; i >= 0; i--) {
                        var objson = function(){};

                        var objSon = new objson();

                        objSon.name = remoteData[key][i].content;
                        objSon.href = remoteData[key][i].href;
                        objSon.son = [];
                        
                        // console.log(objSon);

                        array.push(objSon);

                        console.log(array);
                    }
                    Obj.son = array;
                }

                data.push(Obj);
            }

            // console.log(data);
            return data;
         }

         var hrefAndName = setTree();

        // var hrefAndName = [
        //     {
        //         href: 'javascript:;',
        //         name: '综合',
        //         son:[
        //             {
        //                 href: '',
        //                 name: '就业人口和劳动报酬',
        //                 son:[]
        //             },
        //         ]
        //     },
        //     {
        //         href: 'http://www.baidu.com',
        //         name: '国民经济核算',
        //         son:[
        //         ]
        //     },
        //     {
        //         href: 'https://jx.tmall.com/?ali_trackid=2:mm_28347190_2425761_27186547:1503727807_3k9_233309614',
        //         name: '人口',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '就业人口和劳动报酬',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '投资环境',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '能源',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '财政和金融',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '价格指数',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '居民收支和贫困',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '农业',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '工业和建筑',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '运输和通讯',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '对外贸易和旅游',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '国际收支和外债',
        //         son:[]
        //     },
        //     {
        //         href: 'http://www.ctrip.com/?utm_source=baidu&utm_medium=cpc&utm_campaign=baidu81&campaign=CHNbaidu81&adid=index&gclid=&isctrip=T',
        //         name: '教育、科技文化和卫生',
        //         son:[]
        //     },
        // ];
        $(function () {
            // <i class="fa fa-line-chart" aria-hidden="true" style="font-size: 16px;margin-left: 20px;margin-top: 5px;"></i>
            //获得数据
//            alert(hrefAndName)
//            alert(getData(hrefAndName))
            var html = '<ul class="navMenu nav nav-pills nav-stacked">';
            for(var i=0;i<hrefAndName.length;i++){
                if(hrefAndName[i].son==[]||hrefAndName[i].son.length==0){
                    html +='<li><a href="'+hrefAndName[i].href+'" target="right"><span class="glyphicon glyphicon-file"></span><span>'+hrefAndName[i].name+'</span></a></li>';
                } else {
                    html +='<li> <a href="'+hrefAndName[i].href+'" target="right" class="afinve">  <span class="">'+hrefAndName[i].name+'</span> <span class="arrow"></span></a>';
                    var data = getData(hrefAndName[i].son);
                    if(data!=-1){
                        html+=data;
                    }
                }
            }
//            html += getData(hrefAndName);
            html += '</ul>';
            $('#slimtest1').append(html);



            $('.navMenu li a').on('click',function(){
                var parent = $(this).parent().parent();//获取当前页签的父级的父级
                var labeul =$(this).parent("li").find(">ul")
                if ($(this).parent().hasClass('open') == false) {
                    //展开未展开
                    parent.find('ul').slideUp(300);
                    parent.find("li").removeClass("open")
                    parent.find('li a').removeClass("active").find(".arrow").removeClass("open")
                    $(this).parent("li").addClass("open").find(labeul).slideDown(300);
                    $(this).addClass("active").find(".arrow").addClass("open")
                }else{
                    $(this).parent("li").removeClass("open").find(labeul).slideUp(300);
                    if($(this).parent().find("ul").length>0){
                        $(this).removeClass("active").find(".arrow").removeClass("open")
                    }else{
                        $(this).addClass("active")
                    }
                }

            });
        });
        function clickLink(obj) {
            var liList = $('.left ul li');
            for(var i=0;i<liList.length;i++){
//                if(liList.eq(i).hasClass('active')){
//                    alert(i+1)
//                }
                liList.eq(i).removeClass('active');
            }
            $(obj).parent().addClass('active');
        }

        function getData(hrefAndName){
            var str = '<ul class="sub-menu nav nav-pills nav-stacked" >';
            if(hrefAndName.length==0)
                return -1;
            for(var i=0;i<hrefAndName.length;i++){
                if(hrefAndName[i].son==[]||hrefAndName[i].son.length==0){
                    str +='<li><a href="'+hrefAndName[i].href+'" target="right"><span class="glyphicon glyphicon-file"></span><span>'+hrefAndName[i].name+'</span></a></li>';
                } else {
                    str +='<li> <a href="'+hrefAndName[i].href+'" target="right" class="afinve">  <span class="">'+hrefAndName[i].name+'</span> <span class="arrow"></span></a>';
                    var data = getData(hrefAndName[i].son);
                    if(data!=-1){
                        str+=data;
                    }
                }
            }
            return str + '</ul>';
        }


    </script>
</head>
<body>
    <div class="container-fluid">
        <div class="header" style="margin:0px; padding:0px; width: 100%;height: 118px;">
        </div>
        <div style="width: 100%;height: 80px; ">
            <div style="float:left; width: 20%; height: 100%;">
                <p style="font-size: 20px; font-weight: bold;font-family: 微软雅黑;color: #0099CC;position: relative; top: 20px; left: 10%;">中&nbsp;&nbsp;东&nbsp;&nbsp;欧&nbsp;&nbsp;数&nbsp;&nbsp;据</p>
                <p style="font-size: 16px; color: #0099CC;position: relative; top: 10px; left: 10%;">Central and Eastern Europe</p>
            </div>
            <div class="container-head" style="float: left;width: 80%; height: 100%;">
            </div>
        </div>
        <div style="width: 100%; height: 80%; ">
            <div class="left" style="float: left;margin:0px; padding:0px;min-height:640px; height: 100%; width: 20%; overflow: auto;">
                <div class="navMenubox">
                    <div id="slimtest1">
                        <!--<div class="navMenu-top">-->
                            <!--<div id="mini" style="">111<i class="fa fa-bars fa-2x"></i></div>-->
                        <!--</div>-->

                    </div>
                </div>
            </div>
            <div style="float: right; width: 80%;height:100%;">
                <iframe name="right" id="ifID" src="right.html" width="100%" frameborder="0" height="100%"></iframe>
            </div>
        </div>
    </div>
</body>
</html>
